.calc-order-page {
  background-color: #f8f8f8;
  .order-timeout {
    padding-bottom: 30px;
  }
  .at-modal__container{
    width: 85%;
    .at-modal__content{
      padding: 0 10px 10px 10px;
    }
  }

  .address-icon {
    position: relative;
    &:after {
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      height: 2px;
      position: absolute;
      background-size: 62px 2px;
      background-image: url("../../../assets/icon/address.png");
      background-repeat: repeat-x;
    }
  }

  .pay-tips--height {
    height: 80px;
  }
  .pay-tips {
    left: 0;
    right: 0;
    width: 100%;
    color: #636862;
    bottom: 120px;
    height: 80px;
    padding: 20px 0;
    position: fixed;
    font-size: 24px;
    background-color: #dff1da;
    &-icon {
      color: #53a234;
      font-size: 40px;
      margin-right: 10px;
    }
  }

  .display-none {
    display: none;
  }
}
.addImg {
  display: block;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 2px;
}
.addressinfo{
  padding:10px!important;
  margin-left: 20px;
  font-weight: 700;
  .addressinfo-info{
    margin-bottom: 10px;
  }
}

.index {
  .index-scroll {
    // padding: $theme_padding;
    min-height: 100vh;
    // background-image: linear-gradient($theme_color 300px, $theme_bg_color 300px);
  }

  .placeholder-color {
    color: #999;
  }

  .order-card {
    overflow: hidden;
    // border-radius: 20px;
    margin-bottom: 20px;
  }

  .card-list {
    background-color: #fff;
    .list-item {
      padding: 0 $theme_padding;
      display: flex;
    }
    .item-left {
      flex: 1;
      height: 100px;
      display: flex;
      align-items: center;
    }
    .item-right {
      width: 400px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    .item-top {
      height: 100px;
      display: flex;
      align-items: center;
    }
    .item-bottom {
      width: 100%;
    }

    .right-icon {
      color: #ccc;
    }

    .integral-num {
      color: $sale_price_color;
      margin-right: 20px;
    }
    .item-input {
      width: 500px;
      height: inherit;
      padding: 20px 0;
      text-align: right;
    }
    .item-textarea {
      width: 100%;
      height: calc(60px + 4em);
      padding: 30px;
      border-radius: 10px;
      margin-bottom: 20px;
      background-color: #f9f9f9;
    }
  }

  .total-list {
    padding: 10px $theme_padding;
    background: #fff;
    .list-item {
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .item-right {
      color: #868686;
    }
  }
}

.edit-box{
  color: #4490ff;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  .bnn-icon{
    width: 30px;
    height: 28px;
    margin-right:5px;
  }
}
//  配送类型
.delivery-type {
  margin: 30px 0;

  .type-list {
    height: 70px;
    border-radius: 10px 10px 0 0;
    background-color: rgba(255, 255, 255, 0.4);
  }
  .type-item {
    flex: 1;
    height: 100%;
    &:first-child {
      border-top-left-radius: 10px;
      &.active {
        clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 100%, 0 100%);
      }
    }
    &:last-child {
      border-top-right-radius: 10px;
      &.active {
        clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%);
      }
    }
  }
  .active {
    height: 90px;
    background-color: #fff;
  }

  .delivery-box {
    height: 180px;
    padding: $theme_padding;
    background: #fff;
  }
  .address-box {
    color: #333;
    padding-right: 30px;
  }
  .user-name,
  .user-phone {
    font-weight: bold;
  }
  .user-phone {
    padding-left: 60px;
  }
  .address-text {
    color: #666;
    padding-top: 20px;
  }
  .right-icon {
    color: #707070;
    font-size: 48px;
  }
}

.check-box {
  .unchecked-icon {
    width: 44px;
    height: 44px;
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .check-icon {
    color: #383838;
    font-size: 32px;
    border-color: $theme_color;
    background-color: $theme_color;
  }
}

//  购物车列表
.cart-list {
  padding: 0 $theme_padding;
  background: #fff;
  .cart-item {
    display: flex;
    padding: $theme_padding 0;
  }
}

//  支付类型
.pay-type {
  padding: 0 30px;
  background: #fff;
  .pay-title {
    height: 100px;
    font-size: 32px;
  }
  .type-item {
    height: 84px;
    border: 2px solid #eee;
    display: flex;
    padding: 20px 0;
    margin-bottom: 30px;
    border-radius: 4px;
  }
  .type-icon {
    font-size: 48px;
  }
  .wechat-icon {
    color: #42b035;
  }
  .alipay-icon {
    color: #00a0e9;
  }
  .balance-icon {
    color: #fe960f;
  }
  .type-title {
    padding-left: 10px;
  }
  .type-right {
    color: #aaa;
    font-size: 28px;
  }
  .type-left,
  .type-right {
    flex: 1;
  }
  .active {
    border-color: #ed5b4c;
  }
}

//  底部
.index-foot--height {
  height: 120px;
}
.index-foot {
  height: 120px;
  padding: 0 $theme_padding;
  z-index: 100;
  .total-num {
    color: #999;
  }
  .total-money {
    flex: 1;
    padding-right: 30px;
    text-align: right !important;
    &-amount {
      color: #f64031;
      font-size: 32px;
    }
  }
  .money-num {
    color: $sale_price_color;
    font-size: 36px;
  }
  .buy-now {
    color: #fff;
    height: 80px;
    padding: 0 30px;
    font-size: inherit;
    box-shadow: 0 6px 18px 0 rgba(255, 64, 64, 0.3);
    border-radius: 80px;
    background-color: #ff411e;
    &:after {
      border: none;
    }
  }
  .buy-now[disabled] {
    box-shadow: none;
  }
}
